<template>
  <div class="el-card__body">
    <el-dialog :visible.sync="dialogVisible" width="80%" title="1号滚筒温度">
      <echarts-report></echarts-report>
    </el-dialog>
    <div class="el-row">
      <div class="el-col el-col-8">云端数据接收时间：2025-06-25 16:50:34</div>
      <div class="el-col el-col-8">煤矿上传时间：2025-06-25 16:50:30</div>
    </div>
    <div class="belt-total el-row">
      <div class="el-col el-col-4">皮带总数：3</div>
      <div class="el-col el-col-4">电机总数：3</div>
      <div class="el-col el-col-4">实际上传点位：66个</div>
    </div>
    <div class="el-row" style="margin-left: -12px; margin-right: -12px">
      <div
        class="item el-col el-col-24"
        style="padding-left: 12px; padding-right: 12px"
      >
        <div class="el-card single is-never-shadow">
          <div class="el-card__body">
            <div
              class="danger-box el-col el-col-4"
              style="padding-left: 12px; padding-right: 12px"
            >
              <div class="danger-group"></div>
            </div>
            <div
              class="el-col el-col-4"
              style="padding-left: 12px; padding-right: 12px"
            >
              <h4>主井运输_皮带</h4>
              <div class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 通讯状态：</span>
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span>通讯正常</span>
                      <span>
                        <div
                          role="tooltip"
                          id="el-popover-179"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                        </div>
                        <span class="el-popover__reference-wrapper"></span>
                      </span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3"></div>
                </div>
              </div>
              <div class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 运行状态：</span>
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span>运行</span>
                      <span>
                        <div
                          role="tooltip"
                          id="el-popover-774"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                        </div>
                        <span class="el-popover__reference-wrapper"></span>
                      </span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3"></div>
                </div>
              </div>
              <div style="padding: 10px">
                <div class="el-image">
                  <img
                    src="../../assets/images/icon-belt-run.2662af96.gif"
                    class="el-image__inner"
                  />
                </div>
              </div>
              <div class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 速度：</span>
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span>0.0</span>
                      <span>
                        <div
                          role="tooltip"
                          id="el-popover-2189"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                        </div>
                        <span class="el-popover__reference-wrapper"></span>
                      </span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3">
                    <div>m/s</div>
                  </div>
                </div>
              </div>
              <div class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 1号滚筒温度：</span>
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span @click="dialogVisible = true">23.0</span>
                      <span>
                        <div
                          role="tooltip"
                          id="el-popover-4366"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                        </div>
                        <span class="el-popover__reference-wrapper"></span>
                      </span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3">
                    <div>℃</div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="el-col el-col-4"
              style="padding-left: 12px; padding-right: 12px"
            >
              <div class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 就地模式：</span>
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span>开</span>
                      <span>
                        <div
                          role="tooltip"
                          id="el-popover-1890"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                        </div>
                        <span class="el-popover__reference-wrapper"></span>
                      </span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3"></div>
                </div>
              </div>
              <div class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 远程模式：</span>
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span>关</span>
                      <span>
                        <div
                          role="tooltip"
                          id="el-popover-3035"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                        </div>
                        <span class="el-popover__reference-wrapper"></span>
                      </span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3"></div>
                </div>
              </div>
              <div class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 检修模式：</span>
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span>关</span>
                      <span>
                        <div
                          role="tooltip"
                          id="el-popover-8419"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                        </div>
                        <span class="el-popover__reference-wrapper"></span>
                      </span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3"></div>
                </div>
              </div>
              <div class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 集控：</span>
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span>关</span>
                      <span>
                        <div
                          role="tooltip"
                          id="el-popover-4838"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                        </div>
                        <span class="el-popover__reference-wrapper"></span>
                      </span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3"></div>
                </div>
              </div>
              <div class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 单控：</span>
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span>开</span>
                      <span>
                        <div
                          role="tooltip"
                          id="el-popover-9173"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                        </div>
                        <span class="el-popover__reference-wrapper"></span>
                      </span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3"></div>
                </div>
              </div>
            </div>
            <div
              class="el-col el-col-12"
              style="padding-left: 12px; padding-right: 12px"
            >
              <div class="motor-group">
                <div class="motor-item">
                  <h4>1号电机</h4>
                  <div style="padding: 10px">
                    <img
                      src="../../assets/images/icon-motor-run.4bd76948.png"
                      alt="motor"
                    />
                  </div>
                  <div class="m-btn">
                    <div class="m-btn-box el-row">
                      <div class="m-btn-label el-col el-col-11">
                        <span> 状态：</span>
                      </div>
                      <div class="m-btn-content el-col el-col-10">
                        <div class="m-btn-item">
                          <span>开</span>
                          <span>
                            <div
                              role="tooltip"
                              id="el-popover-6787"
                              aria-hidden="true"
                              class="el-popover el-popper"
                              tabindex="0"
                              style="display: none"
                            >
                              <div class="el-row">
                                <div class="el-col el-col-24">
                                  本次运行时长：23
                                </div>
                                <div class="el-col el-col-24">
                                  累计运行时长：23
                                </div>
                              </div>
                            </div>
                            <span class="el-popover__reference-wrapper">
                              <img
                                src=""
                                alt="tip"
                                class="el-popover__reference"
                                aria-describedby="el-popover-6787"
                                tabindex="0"
                              />
                            </span>
                          </span>
                        </div>
                      </div>
                      <div class="m-btn-unit el-col el-col-3"></div>
                    </div>
                  </div>
                  <div class="m-btn">
                    <div class="m-btn-box el-row">
                      <div class="m-btn-label el-col el-col-11">
                        <span> 前轴温度：</span>
                      </div>
                      <div class="m-btn-content el-col el-col-10">
                        <div class="m-btn-item">
                          <span>24.0</span>
                          <span>
                            <div
                              role="tooltip"
                              id="el-popover-3216"
                              aria-hidden="true"
                              class="el-popover el-popper"
                              style="display: none"
                            >
                              <div class="el-row">
                                <div class="el-col el-col-24">
                                  本次运行时长：23
                                </div>
                                <div class="el-col el-col-24">
                                  累计运行时长：23
                                </div>
                              </div>
                            </div>
                            <span class="el-popover__reference-wrapper"></span>
                          </span>
                        </div>
                      </div>
                      <div class="m-btn-unit el-col el-col-3">
                        <div>℃</div>
                      </div>
                    </div>
                  </div>
                  <div class="m-btn">
                    <div class="m-btn-box el-row">
                      <div class="m-btn-label el-col el-col-11">
                        <span> 后轴温度：</span>
                      </div>
                      <div class="m-btn-content el-col el-col-10">
                        <div class="m-btn-item">
                          <span>23.0</span>
                          <span>
                            <div
                              role="tooltip"
                              id="el-popover-5753"
                              aria-hidden="true"
                              class="el-popover el-popper"
                              style="display: none"
                            >
                              <div class="el-row">
                                <div class="el-col el-col-24">
                                  本次运行时长：23
                                </div>
                                <div class="el-col el-col-24">
                                  累计运行时长：23
                                </div>
                              </div>
                            </div>
                            <span class="el-popover__reference-wrapper"></span>
                          </span>
                        </div>
                      </div>
                      <div class="m-btn-unit el-col el-col-3">
                        <div>℃</div>
                      </div>
                    </div>
                  </div>
                  <div class="m-btn">
                    <div class="m-btn-box el-row">
                      <div class="m-btn-label el-col el-col-11">
                        <span> 电流：</span>
                      </div>
                      <div class="m-btn-content el-col el-col-10">
                        <div class="m-btn-item">
                          <span>0.0</span>
                          <span>
                            <div
                              role="tooltip"
                              id="el-popover-9787"
                              aria-hidden="true"
                              class="el-popover el-popper"
                              style="display: none"
                            >
                              <div class="el-row">
                                <div class="el-col el-col-24">
                                  本次运行时长：23
                                </div>
                                <div class="el-col el-col-24">
                                  累计运行时长：23
                                </div>
                              </div>
                            </div>
                            <span class="el-popover__reference-wrapper"></span>
                          </span>
                        </div>
                      </div>
                      <div class="m-btn-unit el-col el-col-3">
                        <div>A</div>
                      </div>
                    </div>
                  </div>
                  <div class="m-btn">
                    <div class="m-btn-box el-row">
                      <div class="m-btn-label el-col el-col-11">
                        <span> 电压：</span>
                      </div>
                      <div class="m-btn-content el-col el-col-10">
                        <div class="m-btn-item">
                          <span>0.0</span>
                          <span>
                            <div
                              role="tooltip"
                              id="el-popover-4845"
                              aria-hidden="true"
                              class="el-popover el-popper"
                              style="display: none"
                            >
                              <div class="el-row">
                                <div class="el-col el-col-24">
                                  本次运行时长：23
                                </div>
                                <div class="el-col el-col-24">
                                  累计运行时长：23
                                </div>
                              </div>
                            </div>
                            <span class="el-popover__reference-wrapper"></span>
                          </span>
                        </div>
                      </div>
                      <div class="m-btn-unit el-col el-col-3">
                        <div>V</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              data-v-31928eba=""
              class="el-dialog__wrapper"
              style="display: none"
            >
              <div
                role="dialog"
                aria-modal="true"
                aria-label="dialog"
                class="el-dialog el-dialog--center"
                style="margin-top: 15vh; width: 50%"
              >
                <div class="el-dialog__header">
                  <span class="el-dialog__title"></span>
                  <button
                    type="button"
                    aria-label="Close"
                    class="el-dialog__headerbtn"
                  >
                    <i class="el-dialog__close el-icon el-icon-close"></i>
                  </button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="item el-col el-col-24"
        style="padding-left: 12px; padding-right: 12px"
      >
        <div class="el-card single is-never-shadow">
          <div class="el-card__body">
            <div
              class="danger-box el-col el-col-4"
              style="padding-left: 12px; padding-right: 12px"
            >
              <div class="danger-group"></div>
            </div>
            <div
              class="el-col el-col-4"
              style="padding-left: 12px; padding-right: 12px"
            >
              <h4>煤仓上口_皮带</h4>
              <div class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 通讯状态：</span>
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span>通讯正常</span>
                      <span>
                        <div
                          role="tooltip"
                          id="el-popover-8524"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                        </div>
                        <span class="el-popover__reference-wrapper"></span>
                      </span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3"></div>
                </div>
              </div>
              <div class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 运行状态：</span>
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span>运行</span>
                      <span>
                        <div
                          role="tooltip"
                          id="el-popover-4894"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                        </div>
                        <span class="el-popover__reference-wrapper"></span>
                      </span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3"></div>
                </div>
              </div>
              <div style="padding: 10px">
                <div class="el-image">
                  <img
                    src="../../assets/images/icon-belt-run.2662af96.gif"
                    class="el-image__inner"
                  />
                </div>
              </div>
              <div class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 速度：</span>
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span>0.0</span>
                      <span>
                        <div
                          role="tooltip"
                          id="el-popover-4462"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                        </div>
                        <span class="el-popover__reference-wrapper"></span>
                      </span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3">
                    <div>m/s</div>
                  </div>
                </div>
              </div>
              <div class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 1号滚筒温度：</span>
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span>22.0</span>
                      <span>
                        <div
                          role="tooltip"
                          id="el-popover-6941"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                        </div>
                        <span class="el-popover__reference-wrapper"></span>
                      </span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3">
                    <div>℃</div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="el-col el-col-4"
              style="padding-left: 12px; padding-right: 12px"
            >
              <div class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 就地模式：</span>
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span>开</span>
                      <span>
                        <div
                          role="tooltip"
                          id="el-popover-8706"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                        </div>
                        <span class="el-popover__reference-wrapper"></span>
                      </span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3"></div>
                </div>
              </div>
              <div class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 远程模式：</span>
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span>关</span>
                      <span>
                        <div
                          role="tooltip"
                          id="el-popover-6217"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                        </div>
                        <span class="el-popover__reference-wrapper"></span>
                      </span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3"></div>
                </div>
              </div>
              <div class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 检修模式：</span>
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span>关</span>
                      <span>
                        <div
                          role="tooltip"
                          id="el-popover-3802"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                        </div>
                        <span class="el-popover__reference-wrapper"></span>
                      </span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3"></div>
                </div>
              </div>
              <div class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 集控：</span>
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span>关</span>
                      <span>
                        <div
                          role="tooltip"
                          id="el-popover-4948"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                        </div>
                        <span class="el-popover__reference-wrapper"></span>
                      </span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3"></div>
                </div>
              </div>
              <div class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 单控：</span>
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span>开</span>
                      <span>
                        <div
                          role="tooltip"
                          id="el-popover-8142"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                        </div>
                        <span class="el-popover__reference-wrapper"></span>
                      </span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3"></div>
                </div>
              </div>
            </div>
            <div
              class="el-col el-col-12"
              style="padding-left: 12px; padding-right: 12px"
            >
              <div class="motor-group">
                <div class="motor-item">
                  <h4>1号电机</h4>
                  <div style="padding: 10px">
                    <img
                      src="../../assets/images/icon-motor-run.4bd76948.png"
                      alt="motor"
                    />
                  </div>
                  <div class="m-btn">
                    <div class="m-btn-box el-row">
                      <div class="m-btn-label el-col el-col-11">
                        <span> 状态：</span>
                      </div>
                      <div class="m-btn-content el-col el-col-10">
                        <div class="m-btn-item">
                          <span>开</span>
                          <span>
                            <div
                              role="tooltip"
                              id="el-popover-6311"
                              aria-hidden="true"
                              class="el-popover el-popper"
                              tabindex="0"
                              style="display: none"
                            >
                              <div class="el-row">
                                <div class="el-col el-col-24">
                                  本次运行时长：23
                                </div>
                                <div class="el-col el-col-24">
                                  累计运行时长：23
                                </div>
                              </div>
                            </div>
                            <span class="el-popover__reference-wrapper">
                              <img
                                src=""
                                alt="tip"
                                class="el-popover__reference"
                                aria-describedby="el-popover-6311"
                                tabindex="0"
                              />
                            </span>
                          </span>
                        </div>
                      </div>
                      <div class="m-btn-unit el-col el-col-3"></div>
                    </div>
                  </div>
                  <div class="m-btn">
                    <div class="m-btn-box el-row">
                      <div class="m-btn-label el-col el-col-11">
                        <span> 前轴温度：</span>
                      </div>
                      <div class="m-btn-content el-col el-col-10">
                        <div class="m-btn-item">
                          <span>24.0</span>
                          <span>
                            <div
                              role="tooltip"
                              id="el-popover-2219"
                              aria-hidden="true"
                              class="el-popover el-popper"
                              style="display: none"
                            >
                              <div class="el-row">
                                <div class="el-col el-col-24">
                                  本次运行时长：23
                                </div>
                                <div class="el-col el-col-24">
                                  累计运行时长：23
                                </div>
                              </div>
                            </div>
                            <span class="el-popover__reference-wrapper"></span>
                          </span>
                        </div>
                      </div>
                      <div class="m-btn-unit el-col el-col-3">
                        <div>℃</div>
                      </div>
                    </div>
                  </div>
                  <div class="m-btn">
                    <div class="m-btn-box el-row">
                      <div class="m-btn-label el-col el-col-11">
                        <span> 后轴温度：</span>
                      </div>
                      <div class="m-btn-content el-col el-col-10">
                        <div class="m-btn-item">
                          <span>22.0</span>
                          <span>
                            <div
                              role="tooltip"
                              id="el-popover-3044"
                              aria-hidden="true"
                              class="el-popover el-popper"
                              style="display: none"
                            >
                              <div class="el-row">
                                <div class="el-col el-col-24">
                                  本次运行时长：23
                                </div>
                                <div class="el-col el-col-24">
                                  累计运行时长：23
                                </div>
                              </div>
                            </div>
                            <span class="el-popover__reference-wrapper"></span>
                          </span>
                        </div>
                      </div>
                      <div class="m-btn-unit el-col el-col-3">
                        <div>℃</div>
                      </div>
                    </div>
                  </div>
                  <div class="m-btn">
                    <div class="m-btn-box el-row">
                      <div class="m-btn-label el-col el-col-11">
                        <span> 电流：</span>
                      </div>
                      <div class="m-btn-content el-col el-col-10">
                        <div class="m-btn-item">
                          <span>0.0</span>
                          <span>
                            <div
                              role="tooltip"
                              id="el-popover-2957"
                              aria-hidden="true"
                              class="el-popover el-popper"
                              style="display: none"
                            >
                              <div class="el-row">
                                <div class="el-col el-col-24">
                                  本次运行时长：23
                                </div>
                                <div class="el-col el-col-24">
                                  累计运行时长：23
                                </div>
                              </div>
                            </div>
                            <span class="el-popover__reference-wrapper"></span>
                          </span>
                        </div>
                      </div>
                      <div class="m-btn-unit el-col el-col-3">
                        <div>A</div>
                      </div>
                    </div>
                  </div>
                  <div class="m-btn">
                    <div class="m-btn-box el-row">
                      <div class="m-btn-label el-col el-col-11">
                        <span> 电压：</span>
                      </div>
                      <div class="m-btn-content el-col el-col-10">
                        <div class="m-btn-item">
                          <span>0.0</span>
                          <span>
                            <div
                              role="tooltip"
                              id="el-popover-2122"
                              aria-hidden="true"
                              class="el-popover el-popper"
                              style="display: none"
                            >
                              <div class="el-row">
                                <div class="el-col el-col-24">
                                  本次运行时长：23
                                </div>
                                <div class="el-col el-col-24">
                                  累计运行时长：23
                                </div>
                              </div>
                            </div>
                            <span class="el-popover__reference-wrapper"></span>
                          </span>
                        </div>
                      </div>
                      <div class="m-btn-unit el-col el-col-3">
                        <div>V</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              data-v-31928eba=""
              class="el-dialog__wrapper"
              style="display: none"
            >
              <div
                role="dialog"
                aria-modal="true"
                aria-label="dialog"
                class="el-dialog el-dialog--center"
                style="margin-top: 15vh; width: 50%"
              >
                <div class="el-dialog__header">
                  <span class="el-dialog__title"></span>
                  <button
                    type="button"
                    aria-label="Close"
                    class="el-dialog__headerbtn"
                  >
                    <i class="el-dialog__close el-icon el-icon-close"></i>
                  </button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="item el-col el-col-24"
        style="padding-left: 12px; padding-right: 12px"
      >
        <div class="el-card single is-never-shadow">
          <div class="el-card__body">
            <div
              class="danger-box el-col el-col-4"
              style="padding-left: 12px; padding-right: 12px"
            >
              <div class="danger-group">
                <div class="danger-group-item">
                  <img
                    src=""
                    alt="dangerIcon"
                  />
                </div>
                <div data-v-09d456d8="" class="m-btn">
                  <div data-v-09d456d8="" class="m-btn-box el-row">
                    <div
                      data-v-09d456d8=""
                      class="m-btn-content el-col el-col-24"
                    >
                      <div data-v-09d456d8="" class="m-btn-item">
                        <span data-v-09d456d8="">急停保护报警</span>
                      </div>
                    </div>
                  </div>
                </div>
                <div data-v-09d456d8="" class="m-btn">
                  <div data-v-09d456d8="" class="m-btn-box el-row">
                    <div
                      data-v-09d456d8=""
                      class="m-btn-content el-col el-col-24"
                    >
                      <div data-v-09d456d8="" class="m-btn-item">
                        <span data-v-09d456d8="">故障保护报警</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="el-col el-col-4"
              style="padding-left: 12px; padding-right: 12px"
            >
              <h4>运输大巷_皮带</h4>
              <div class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 通讯状态：</span>
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span>通讯正常</span>
                      <span>
                        <div
                          role="tooltip"
                          id="el-popover-3863"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                        </div>
                        <span class="el-popover__reference-wrapper"></span>
                      </span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3"></div>
                </div>
              </div>
              <div class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 运行状态：</span>
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span>停止</span>
                      <span>
                        <div
                          role="tooltip"
                          id="el-popover-9175"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                        </div>
                        <span class="el-popover__reference-wrapper"></span>
                      </span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3"></div>
                </div>
              </div>
              <div style="padding: 10px">
                <div class="el-image">
                  <img
                    src="../../assets/images/icon-belt-stop.77b3030b.png"
                    class="el-image__inner"
                  />
                </div>
              </div>
              <div class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 速度：</span>
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span>1744.0</span>
                      <span>
                        <div
                          role="tooltip"
                          id="el-popover-8939"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                        </div>
                        <span class="el-popover__reference-wrapper"></span>
                      </span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3">
                    <div>m/s</div>
                  </div>
                </div>
              </div>
              <div class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 1号滚筒温度：</span>
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span>20.0</span>
                      <span>
                        <div
                          role="tooltip"
                          id="el-popover-70"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                        </div>
                        <span class="el-popover__reference-wrapper"></span>
                      </span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3">
                    <div>℃</div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="el-col el-col-4"
              style="padding-left: 12px; padding-right: 12px"
            >
              <div class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 就地模式：</span>
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span>开</span>
                      <span>
                        <div
                          role="tooltip"
                          id="el-popover-4844"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                        </div>
                        <span class="el-popover__reference-wrapper"></span>
                      </span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3"></div>
                </div>
              </div>
              <div class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 远程模式：</span>
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span>关</span>
                      <span>
                        <div
                          role="tooltip"
                          id="el-popover-3170"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                        </div>
                        <span class="el-popover__reference-wrapper"></span>
                      </span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3"></div>
                </div>
              </div>
              <div class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 检修模式：</span>
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span>关</span>
                      <span>
                        <div
                          role="tooltip"
                          id="el-popover-7798"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                        </div>
                        <span class="el-popover__reference-wrapper"></span>
                      </span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3"></div>
                </div>
              </div>
              <div class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 集控：</span>
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span>关</span>
                      <span>
                        <div
                          role="tooltip"
                          id="el-popover-7610"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                        </div>
                        <span class="el-popover__reference-wrapper"></span>
                      </span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3"></div>
                </div>
              </div>
              <div class="m-btn">
                <div class="m-btn-box el-row">
                  <div class="m-btn-label el-col el-col-11">
                    <span> 单控：</span>
                  </div>
                  <div class="m-btn-content el-col el-col-10">
                    <div class="m-btn-item">
                      <span>开</span>
                      <span>
                        <div
                          role="tooltip"
                          id="el-popover-6185"
                          aria-hidden="true"
                          class="el-popover el-popper"
                          style="display: none"
                        >
                          <div class="el-row">
                            <div class="el-col el-col-24">本次运行时长：23</div>
                            <div class="el-col el-col-24">累计运行时长：23</div>
                          </div>
                        </div>
                        <span class="el-popover__reference-wrapper"></span>
                      </span>
                    </div>
                  </div>
                  <div class="m-btn-unit el-col el-col-3"></div>
                </div>
              </div>
            </div>
            <div
              class="el-col el-col-12"
              style="padding-left: 12px; padding-right: 12px"
            >
              <div class="motor-group">
                <div class="motor-item">
                  <h4>1号电机</h4>
                  <div style="padding: 10px">
                    <img
                      src="../../assets/images/icon-motor-stop.8569302b.png"
                      alt="motor"
                    />
                  </div>
                  <div class="m-btn">
                    <div class="m-btn-box el-row">
                      <div class="m-btn-label el-col el-col-11">
                        <span> 状态：</span>
                      </div>
                      <div class="m-btn-content el-col el-col-10">
                        <div class="m-btn-item">
                          <span>关</span>
                          <span>
                            <div
                              role="tooltip"
                              id="el-popover-2501"
                              aria-hidden="true"
                              class="el-popover el-popper"
                              tabindex="0"
                              style="display: none"
                            >
                              <div class="el-row">
                                <div class="el-col el-col-24">
                                  本次运行时长：23
                                </div>
                                <div class="el-col el-col-24">
                                  累计运行时长：23
                                </div>
                              </div>
                            </div>
                            <span class="el-popover__reference-wrapper">
                              <img
                                src=""
                                alt="tip"
                                class="el-popover__reference"
                                aria-describedby="el-popover-2501"
                                tabindex="0"
                              />
                            </span>
                          </span>
                        </div>
                      </div>
                      <div class="m-btn-unit el-col el-col-3"></div>
                    </div>
                  </div>
                  <div class="m-btn">
                    <div class="m-btn-box el-row">
                      <div class="m-btn-label el-col el-col-11">
                        <span> 前轴温度：</span>
                      </div>
                      <div class="m-btn-content el-col el-col-10">
                        <div class="m-btn-item">
                          <span>23.0</span>
                          <span>
                            <div
                              role="tooltip"
                              id="el-popover-5670"
                              aria-hidden="true"
                              class="el-popover el-popper"
                              style="display: none"
                            >
                              <div class="el-row">
                                <div class="el-col el-col-24">
                                  本次运行时长：23
                                </div>
                                <div class="el-col el-col-24">
                                  累计运行时长：23
                                </div>
                              </div>
                            </div>
                            <span class="el-popover__reference-wrapper"></span>
                          </span>
                        </div>
                      </div>
                      <div class="m-btn-unit el-col el-col-3">
                        <div>℃</div>
                      </div>
                    </div>
                  </div>
                  <div class="m-btn">
                    <div class="m-btn-box el-row">
                      <div class="m-btn-label el-col el-col-11">
                        <span> 后轴温度：</span>
                      </div>
                      <div class="m-btn-content el-col el-col-10">
                        <div class="m-btn-item">
                          <span>20.0</span>
                          <span>
                            <div
                              role="tooltip"
                              id="el-popover-2147"
                              aria-hidden="true"
                              class="el-popover el-popper"
                              style="display: none"
                            >
                              <div class="el-row">
                                <div class="el-col el-col-24">
                                  本次运行时长：23
                                </div>
                                <div class="el-col el-col-24">
                                  累计运行时长：23
                                </div>
                              </div>
                            </div>
                            <span class="el-popover__reference-wrapper"></span>
                          </span>
                        </div>
                      </div>
                      <div class="m-btn-unit el-col el-col-3">
                        <div>℃</div>
                      </div>
                    </div>
                  </div>
                  <div class="m-btn">
                    <div class="m-btn-box el-row">
                      <div class="m-btn-label el-col el-col-11">
                        <span> 电流：</span>
                      </div>
                      <div class="m-btn-content el-col el-col-10">
                        <div class="m-btn-item">
                          <span>0.0</span>
                          <span>
                            <div
                              role="tooltip"
                              id="el-popover-9415"
                              aria-hidden="true"
                              class="el-popover el-popper"
                              style="display: none"
                            >
                              <div class="el-row">
                                <div class="el-col el-col-24">
                                  本次运行时长：23
                                </div>
                                <div class="el-col el-col-24">
                                  累计运行时长：23
                                </div>
                              </div>
                            </div>
                            <span class="el-popover__reference-wrapper"></span>
                          </span>
                        </div>
                      </div>
                      <div class="m-btn-unit el-col el-col-3">
                        <div>A</div>
                      </div>
                    </div>
                  </div>
                  <div class="m-btn">
                    <div class="m-btn-box el-row">
                      <div class="m-btn-label el-col el-col-11">
                        <span> 电压：</span>
                      </div>
                      <div class="m-btn-content el-col el-col-10">
                        <div class="m-btn-item">
                          <span>0.0</span>
                          <span>
                            <div
                              role="tooltip"
                              id="el-popover-6300"
                              aria-hidden="true"
                              class="el-popover el-popper"
                              style="display: none"
                            >
                              <div class="el-row">
                                <div class="el-col el-col-24">
                                  本次运行时长：23
                                </div>
                                <div class="el-col el-col-24">
                                  累计运行时长：23
                                </div>
                              </div>
                            </div>
                            <span class="el-popover__reference-wrapper"></span>
                          </span>
                        </div>
                      </div>
                      <div class="m-btn-unit el-col el-col-3">
                        <div>V</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              data-v-31928eba=""
              class="el-dialog__wrapper"
              style="display: none"
            >
              <div
                role="dialog"
                aria-modal="true"
                aria-label="dialog"
                class="el-dialog el-dialog--center"
                style="margin-top: 15vh; width: 50%"
              >
                <div class="el-dialog__header">
                  <span class="el-dialog__title"></span>
                  <button
                    type="button"
                    aria-label="Close"
                    class="el-dialog__headerbtn"
                  >
                    <i class="el-dialog__close el-icon el-icon-close"></i>
                  </button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { getToken } from "@/utils/auth";
import Sortable from "sortablejs";
import EchartsReport from "./EchartsReport.vue";

export default {
  name: "TransportSystemDefault",
  components: {
    EchartsReport,
  },
  data() {
    return {
      dialogVisible: false,
    };
  },
};
</script>

<style scoped lang="scss">
.el-row {
  margin-bottom: 20px;
}
.el-card__body {
  padding: 20px;
  .el-row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    .el-col {
      margin-bottom: 8px;
    }
    .el-col-8 {
      width: 33.33333%;
    }
    .el-col-24 {
      width: 100%;
    }
  }
  .belt-total {
    margin-bottom: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #ebeef5;
    .el-col {
      margin-bottom: 8px;
    }
    .el-col-4 {
      width: 16.66667%;
    }
  }
  .danger-box {
    padding: 20px 0;
  }
  .el-col {
    margin-bottom: 8px;
    .m-btn {
      margin-bottom: 10px;
      .m-btn-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        .m-btn-unit {
          text-align: left;
          padding-left: 10px;
          height: 40px;
          line-height: 40px;
        }
        .m-btn-content {
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          font-size: 15px;
          width: 100%;
          padding: 5px 3px;
          border-radius: 5px;
          border: 1px solid #666;
          cursor: pointer;
          -webkit-animation: twinkling-4937059c 1s ease-in-out 1;
          animation: twinkling-4937059c 1s ease-in-out 1;
        }
        .el-col {
          margin-bottom: 8px;
        }
        .el-col-3 {
          width: 12.5%;
        }
        .m-btn-label {
          text-align: right;
          padding-right: 5px;
          font-size: 14px;
        }
        .el-col-10 {
          width: 41.66667%;
        }
        .el-col-11 {
          width: 45.83333%;
        }
      }
      .el-row {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
    }
    .motor-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      img {
        border: 0;
      }
    }
  }
  .el-col-12 {
    width: 50%;
  }

  .el-col-4 {
    width: 16.66667%;
  }
}
</style>